<template>
 <div class="act">
    <div class="activity">
    <h3>专享活动</h3>
    <div class="money">
        <img src="@/assets/index/act/act-0.jpg" alt="">
    </div>
    <div class="moudle">
        <img src="@/assets/index/act/act-1.jpg" alt="">
        <img src="@/assets/index/act/act-2.jpg" alt="">
        <img src="@/assets/index/act/act-3.jpg" alt="">
        <img src="@/assets/index/act/act-4.jpg" alt="">
    </div>
    <div class="rmb">
        <h3>数字人民币</h3>
        <img src="@/assets/index/act/rmb.jpg" alt="">
    </div>
  </div>
 </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scopde>
.act {
    width: 100%;
    height: 4.7rem;
    background: #fafafa;
    }
.activity {
    width: 100%;
    background: #fff;
    margin: auto;
    margin-top: .2rem;
    margin-bottom: .2rem;

    h3 {
        margin-bottom: .1rem;
        margin-left: 5%;
    }
}
.money {
    width: 90%;
    margin: auto;
    img {
    width: 100%;
    
}
}
.moudle {
    width: 90%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    img {
        width: 49%;
        margin-bottom: .05rem;
        margin-top: .05rem;
    }
}
.rmb {
    width: 90%;
    margin: auto;
    img {
        width: 100%;
    }
    h3 {
        margin: .2rem 0 .1rem;
    }
}
</style>